<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%--
  Created by IntelliJ IDEA.
  User: 22711
  Date: 2021/11/1
  Time: 20:17
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    /*======================通用标题内容=-===================*/
    /*最上层登录*/
    .top-linkbox a,.nav-wrap a{
        color: #3b3636;
    }
    .top-left{
        float: left;
        !important;
    }

    .top-linkbox span{
        font-size: 12px;
    }
    .size-color{
        color: #FFB500 !important;
    }
    .top-right{
        float: right;
    }
    .header{
        width: 100%;
        height: 111px;
        border-bottom: 2px solid #FFB500;
    }
    .w1180 {
        width: 1180px;
        margin: 0 auto;
    }
    .logo{
        background: url("http://r1nxp2i0y.hn-bkt.clouddn.com/images/logo.png") no-repeat;
        width: 80px;
        height: 56px;
        background-size: contain;
        display: block;
        margin-top: 15px;
    }
    .nav .nav-wrap{
        margin-left: 45px;
    }
    .nav-wrap li {
        float: left;
        width: 120px;
        height: 34px;
        line-height: 2.1;
        top: -31px;
        left: 29px;
        text-align: center;
        position: relative;
    }
    .head-top {
        background: #f2f2f2;
        height: 28px;
        padding-top: 4px;
        position: relative;
        z-index: 99;
    }
    .nav .nav-wrap li a:hover{
        color: #FFB500;
    }

</style>
<link href="${pageContext.request.contextPath}/css/common.css" rel="stylesheet">

<body>
<!--=======================================1. 标题================================================-->
<div class="header">
    <div class="head-top">
        <div class="w1180 top-linkbox">
            <div class="top-left">
                <c:if test="${empty loginCustomer}">
                    <span><a class="size-color" href="${pageContext.request.contextPath}/customer/login" target="_top">登录</a></span>
                    <span>|</span>
                    <span><a class="size-color" href="${pageContext.request.contextPath}/customer/register">免费注册</a></span>
                    <span>|</span>
                </c:if>
                <c:if test="${!empty loginCustomer}">
                    <c:if test="${empty loginCustomer.custName}">
                        <span>欢迎小橘用户登录</span>
                        <span><a class="size-color" href="${pageContext.request.contextPath}/customer/logout">退出</a></span>
                        <span><a href="${pageContext.request.contextPath}/user_center/${loginCustomer.custId}">我的小橘</a></span>
                    </c:if>
                    <c:if test="${!empty loginCustomer.custName}">
                        <span>欢迎 ${loginCustomer.custName} | </span>
                        <span><a class="size-color" href="${pageContext.request.contextPath}/customer/logout">退出</a></span>
                        <span><a href="${pageContext.request.contextPath}/user_center/${loginCustomer.custId}">我的小橘</a></span>
                    </c:if>
                </c:if>
            </div><div class="top-right">
                <span><a href="">帮助中心</a> </span>
                <span>|</span>
                <span><a href="">网址导航</a></span>
                <span>|</span>
                <span><a href="">English</a></span>
                <span>|</span>
                <span>400-888-6608</span>
<%--                <span>|</span>--%>
<%--                <span><a href="">微信</a></span>--%>
            </div>
        </div>
    </div>
    <div class="head-bottom">
        <div class="w1180">
            <a href="${pageContext.request.contextPath}" class="logo"></a>
            <div class="nav">
                <ul class="nav-wrap">
                    <li><a href="${pageContext.request.contextPath}">首页</a></li>
                    <li><a href="${pageContext.request.contextPath}/hotcar">热门车型</a></li>
                    <li><a href="${pageContext.request.contextPath}/car">车型查询</a></li>
                    <li><a href="${pageContext.request.contextPath}/store">营业网点</a></li>
                    <li><a href="${pageContext.request.contextPath}/coupon/toCoupon" target="_blank">精彩活动</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>

</body>
</html>
